<template>
  <Row class="serve">
    <Col :lg="{span:24}">
    <Card :bordered="false">
      <p slot="title">提供会员优质服务</p>
      <Row :gutter="16">
        <Col
          :lg="{span:6}"
          v-for="(item,index) in items"
          :key="index"
          style="margin-bottom:10px;"
          @click.native="toServe_details"
        >
        <Card
          :bordered="false"
          style="text-align:center"
        >
          <Icon
            type="md-car"
            size="100"
          />
          <p>{{item.title}}</p>
        </Card>
        </Col>
      </Row>
    </Card>
    </Col>
  </Row>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { title: "停车位" },
        { title: "雨伞租赁" },
        { title: "物品存放" },
        { title: "物品存放" },
        { title: "停车位" },
        { title: "雨伞租赁" },
        { title: "物品存放" },
        { title: "物品存放" },

      ]
    }
  },
  methods: {
    toServe_details() {
      this.$router.push({
        name: 'serve_details'
      })
    }
  }
}
</script>

<style scoped>
</style>